<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JDlist</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
        <div class="container">
            <div class="header">
                <span class="back_left"><</span>
                <span class="headline">消息(99+)</span>
                <span class="menu_right">+
                    <em class="dot"></em>
                </span>
            </div>
            <div class="content">
                <ul class="list">
                    <!--优惠促销-->
                    <li class="list_item">
                        <span class="list_item_icon favorable fleft">
                            <em class="dot1">89</em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>优惠促销<span class="date">昨天</span></h4>
                            <p>112减100神拳持续抢，千款好物加磅，司法鉴定所浪费</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                    <!--账户通知-->
                    <li class="list_item">
                        <span class="list_item_icon account fleft">
                             <em class="dot1">39</em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>账户通知<span class="date">昨天</span></h4>
                            <p>您有1张优惠券到账，优惠总额10元，今水电费水电费</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                    <!--服务通知-->
                    <li class="list_item">
                        <span class="list_item_icon service fleft">
                             <em class="dot1">6</em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>服务通知<span class="date">昨天</span></h4>
                            <p>您购物车中的【三星（SAMSUNG）128元适得府</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                    <!--店铺头条-->
                    <li class="list_item" id="list1">
                        <span class="list_item_icon frontPage fleft">
                             <em class="dot"></em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>店铺头条<span class="date">星期日</span></h4>
                            <p>冲鸭～最后2小时下单再减20!!!</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                    <!--PLUS会员-->
                    <li class="list_item">
                        <span class="list_item_icon member fleft">
                             <em class="dot"></em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>PLUS会员<span class="date">星期六</span></h4>
                            <p>11.11要剁手？先【免费领】30天PLUS违反</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                    <!--京东白条-->
                    <li class="list_item">
                        <span class="list_item_icon IOU fleft">
                             <em class="dot"></em>
                        </span>
                        <div class="list_item_right fleft">
                            <h4>京东白条<span class="date">2018/11/02</span></h4>
                            <p>3期全品类免息券等你来拿！还可连领11胜多负少</p>
                        </div>
                        <div class="del">删除</div>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <script src="js/index.js"></script>
        <script src="css/flexible.js"></script>
</body>
</html>